// 这里可以写一些全局样式
@import './var.less';
//超出隐藏
.overhide {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.overhide_ {display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 1;overflow: hidden;word-break: break-all;}
.overhide_2 {display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;word-break: break-all;}


/*flex相关*/
.flex{display: flex;}
.flex-ver {display: flex;flex-direction: column;}
.flex-1 {flex: 1;}
.flex-shrink {flex-shrink: 0};
.flex-align-start {display: flex;align-items: flex-start;}
.flex-align-center {display: flex;align-items: center;}
.flex-align-end {display: flex;align-items: flex-end;}
.flex-justify-start {display: flex;justify-content: flex-start;}
.flex-justify-center {display: flex;justify-content: center;}
.flex-justify-bcenter {display: flex;justify-content: space-between;}
.flex-justify-around {display: flex;justify-content: space-around;}
.flex-justify-evenly {display: flex;justify-content: space-evenly;}
.flex-justify-end {display: flex;justify-content: flex-end;}
.flex-center {display: flex;align-items: center;justify-content: center;}
.flex-space-between {display: flex;align-items: center;justify-content: space-between;}
.flex-warp {flex-wrap: wrap;}
.flex-inline {display: inline-flex;}

/*text-align*/
.tx-c {
    text-align: center !important;
}
.tx-l {
    text-align: left !important;
}
.tx-r {
    text-align: right !important;   
}
.ws-nowrap{
    white-space: nowrap;
}

/*margin*/
.mr4{
    margin-right: 4px;
}
.mr8{
    margin-right: 8px;
}
.mr16{
    margin-right: 16px;
}
.mr32{
    margin-right: 32px;
}
.ml8{
    margin-left: 8px;
}
.ml16{
    margin-left: 16px;
}
.ml32{
    margin-left: 32px;
}
.ml40{
    margin-left: 40px;
}
.ml55{
    margin-left: 55px;
}
.mb4{
    margin-bottom: 4px;
}
.mb8{
    margin-bottom: 8px;
}
.mb16{
    margin-bottom: 16px;
}
.mb24{
    margin-bottom: 24px;
}
.mb32{
    margin-bottom: 32px;
}
.mb48{
    margin-bottom: 48px;
}
.mt4{
    margin-top: 4px;
}
.mt8{
    margin-top: 8px;
}
.mt16{
    margin-top: 16px;
}
.mt24{
    margin-top: 24px;
}
/*padding*/
.pr8{
    padding-right: 8px;
}
.pr16{
    padding-right: 16px;
}
.pl8{
    padding-left: 8px;
}
.pl16{
    padding-left: 16px;
}
.pbl8{
    padding-bottom: 8px;
}
.pb16{
    padding-bottom: 16px;
}
.p8{
    padding: 8px;
}
.p16{
    padding: 16px;
}
.p32{
    padding: 32px;
}

.p16_32{
    padding: 16px 32px;
}

// font-size
.f-12{
    font-size: 12px;
}
.f-14{
    font-size: 14px;
}
.f-16{
    font-size: 16px;
}
.f-18{
    font-size: 18px;
}
.f-20{
    font-size: 20px;
}
.f-22{
    font-size: 22px;
}
.f-24{
    font-size: 24px;
}
.f-26{
    font-size: 26px;
}
.f-28{
    font-size: 28px;
}
.f-30{
    font-size: 30px;
}
.fb{
    font-weight: bold;
}

.bg-white{color: @white;}
.bg-black{background-color: @black}
.bg-9{background-color: @grey-9}
.bg-e{background-color: @grey-e}
.bg-d8{background-color: @grey-d8}
.bg-e4{background-color: @grey-e4}
.bg-e8{background-color: @grey-e8}
.bg-ec{background-color: @grey-ec}
.c-red{color: @red;}
.c-green{color: @green;}
.c-yellow{color: #e6a23c}
.c-black{color: @black;}
.c-6{color: @grey-6;}
.c-9{color: @grey-9;}
.c-e{color: @grey-e}
.c-d8{color: @grey-d8}
.c-e4{color: @grey-e4}
.c-e8{color: @grey-e8}
.c-ec{color: @grey-ec}
.c-blue{color: @blue}
.c-b2{color: #b2b2b2;}
.shou{cursor:pointer}
.xialine{text-decoration: underline;}

.module_{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 8px;
    background: white;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.tip{
    .el-form-item__label::after{
        content: "*";
        color: red;
    }
}
.search_box {
    .el-form-item {
        margin-bottom: 0 !important ;
    }
    .el-input__inner{
        width: 220px;
        height: 35px !important;
        line-height: 35px !important;
        font-size: 14px;
        // padding: 0 15px !important;
    }
    .el-range-editor.el-input__inner{
        padding: 0 8px;
    }
    .el-range-input{
        font-size: 12px !important;
    }
    .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner{
        width: 220px;
    }
    .el-date-editor .el-range__close-icon{
        line-height: 35px;
    }
    .el-date-editor .el-range__icon{
        line-height: 35px;
    }
    .el-input__suffix{
        top: 4px;
        height: 35px !important;
        .el-input__icon{
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}

.form {
    .el-form-item {
        .el-input__inner,
        .el-textarea__inner {
        width: 220px;
        }
    }
}

.form_flex {
    display: flex;
    flex-wrap: wrap;
    .el-form-item {
      .el-input-group,
      .el-textarea__inner{
        width: 220px;
      }
      .el-input-group__append{
          padding: 0 10px;
      }
    }
}

.table_{
    width: 100%;
    border-collapse:collapse;
    border: 1px solid #DCDFE6;
    color: #1c1c1c;
    font-size: 17px;
    td{
      border: 1px solid #DCDFE6;
      padding: 10px 16px;
      text-align: left;
    } 
}

.box{
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    border-radius: 8px;
}

.block_cell{
    display: inline-block;
    width: 300px;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    box-sizing: border-box;
    color: #606266;
    padding: 0 8px;
    font-size: 16px;
}
.inspectionFile{
    text-indent: 16px;
    margin-bottom: 8px;
    text-decoration: underline;
}

.details_image{
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 4px;
}
.table_cell--image{
    width: 40px;
    height: 40px;
    margin-right: 4px;
}

.istopstyle{
    background:rgb(245,247,250) !important
}

.operation{
    .el-button+.el-button {
      margin-left: 6px;
    }
    .cell{
      padding: 0 6px !important;
    }
}